﻿/*通用部分*/
*{
	padding:0px;
	margin:0px;
	font-family:Microsoft YaHei,SimSun;
	font-size:13px;
}

::-webkit-scrollbar{  
    width: 10px;
    background-color: #F5F5F5;
}  
::-webkit-scrollbar-thumb{
	width:8px;
	background-color:rgb(41, 46, 56);
}
a{
	text-decoration:none;
}
h1,h2,h3,h4{
	font-weight:normal;
}
h2{
	font-size:20px;
}
blockquote{
	margin-left:20px;
	padding:10px;
	border-left:2px solid #dae0e6;
	margin-top:10px;
	margin-bottom:10px;
}
@font-face {
  font-family: 'iconfont';  /* project id 409152 */
  src: url('//at.alicdn.com/t/font_409152_bjovg51fiswtgldi.eot');
  src: url('//at.alicdn.com/t/font_409152_bjovg51fiswtgldi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_409152_bjovg51fiswtgldi.woff') format('woff'),
  url('//at.alicdn.com/t/font_409152_bjovg51fiswtgldi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_409152_bjovg51fiswtgldi.svg#iconfont') format('svg');
}
.iconfont
{
    font-family:"iconfont" !important;
    font-size:17px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*左侧边栏部分*/
.leftBan{
	background-color:red;
	width:250px;
	height:100%;
	background-color:rgb(41, 46, 56);
	position:fixed;
	top:0px;
	z-index:2;
}
.leftBan .logo{
	border-bottom:1px solid #3D4452;
	padding-top:40px;
	padding-bottom:40px;
	width:200px;
	margin:0 auto;
	text-align:center;
}
.leftBan .logo .logoImg{
	width:180px;
}
.leftBan .logo .logoText{
	margin-top:20px;
	color:white;
	font-size:12px;
}
.leftBan .menu{
	width:249px;
	margin:20px auto;
}
.leftBan .menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.leftBan .menu ul li{
	position: relative;

}
.leftBan .menu ul li a{
	width:169px;
}
.leftBan .menu a{
	font-size:14px;
	color:#8595A5;
	padding:15px 20px 15px 60px;
	display:block;
	transition:all .15s ease-out
}

.leftBan .menu a:hover{
	background: #242A35;
	color:white;
}
/*顶部内容*/
.topMenu{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:60px;
	background-color:#37414a;
	z-index:1;
	box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);
}
.topMenu .topBan{
	float:right;
}
.topMenu .topBan ul{
	list-style:none;
}
.topMenu .topBan>ul>li{
	float:left;
}

.topMenu .topBan>ul>li>a {
	font-size:15px;
	display:block;
	box-sizing: border-box;
	padding: 18px;
	color:#8193A2;
	transition:all .4s ease-in-out;
}
.topMenu .topBan>ul>li>a:hover {
	color:white;
}
.topMenu .topBan ul .mycenter .iconfont {
	color:#8193A2;
	font-size: 22px;
}
.topMenu .topBan ul .mycenter .iconfont:hover{
	color:white;
}
.topMenu .topBan ul .mycenter{
	position: relative;
}
.topMenu .topBan ul .mycenter .mycenter_list{
	padding:10px;
	position: absolute;
	display: none;
	border:1px solid #ececee;
	top:60px;
	left:-95px;
	width:150px;
	height:120px;
	background-color: white;
	box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);
}
.topMenu .topBan ul .mycenter .mycenter_list li a{
	padding:5px 0px;
	display: block;
	color:black;
}
.topMenu .topBan ul .mycenter .mycenter_list li a:hover{
	color:#0092ee;
}
/*右侧内容部分*/
html{
	height:100%;
}
body{
	height:100%;
}
.rightContent{
	position:relative;
	margin-top:60px;
	margin-left:250px;
	background-color:#f8f9fb;
	min-width:1050px;
	overflow:hidden;
	min-height: 81%;
}
.rightContent .centerContent{
	overflow:hidden;
	margin:0 auto;
	width:1050px;
}
.rightContent .rightList{
	float:left;
	width:300px;
}
.rightContent .rightList .myInfo{
	background-color:white;
	width:240px;
	padding:30px;
	margin-bottom: 20px;
	margin-top:40px;
	border:1px solid #ececee;
}

.rightContent .rightList .myInfo .meInfo{
	position:relative;
	margin-bottom:15px;
}
.rightContent .rightList .myInfo .meInfo img{
	border-radius:100px;
	width:60px;
}
.rightContent .rightList .myInfo .meInfo .myName{
	position:absolute;
	top:10px;
	left:90px;
}
.rightContent .rightList .myInfo .meInfo .myName .nameTitle{
	font-size:15px;
}
.rightContent .rightList .myInfo .meInfo .myName .myWork .workText{
	color:#C1C1C1;
}
.rightContent .rightList .myInfo p{
	color:#C5B5A0;
	padding-bottom:10px;
	border-bottom:1px solid #F3FAFD;
	
}
.rightContent .rightList .myInfo h3{
	font-size:15px;
	border-bottom:1px solid #F3FAFD;
	padding-bottom:10px;
}
.rightContent  .page{
	margin-bottom: 15px;
	overflow: hidden;
}
.rightContent  .page a{
	display: block;
	padding: 0 11px;
	height:30px;
	text-align: center;
	font-size:16px;
	line-height: 30px;
	float:left;
	color:#37414a;
	background-color: white;
	border:1px solid #e1e2e3;
	margin-left:5px;
}
.rightContent  .page a:hover{
	border: 1px solid #38f;
	color:#38f;
	cursor: pointer;
}
.rightContent .rightList .myInfo .remarkBlock{
	border-bottom:1px solid #EFEFEF;
	padding-bottom:15px;
}
.rightContent .rightList .myInfo .remarkBlock .author{
	padding-top:10px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
.rightContent .rightList .myInfo .remarkBlock .author img{
	width:40px;
	border-radius:100px;
	float:left;
}
.rightContent .rightList .myInfo .remarkBlock .author .authorRight{
	float:left;
	padding-left:20px;
}
.rightContent .rightList .myInfo .remarkBlock .author .authorRight .remarkTime{
	font-size:12px;
	color:#BBBBBB;
}
.rightContent .rightList .myInfo .remarkBlock .remarkContent{
	padding:8px 10px;
	background:#f8f9fb;
	color:#96A2A9;
}
.rightContent .rightList .myInfo .blogInfo{
	position:relative;
	padding:20px 0 20px;
	overflow:hidden;
}
.rightContent .rightList .myInfo .blogInfo .infoBlock{
	float:left;
	width:32%;
	text-align:center;
	border-right:1px solid #EFEFEF;
}
.rightContent .rightList .myInfo .blogInfo .infoBlock .blgoInfoTitle{
	font-family:microsoft yahei light;
	color:#A5A5A5;
	font-size:15px;
	margin-bottom:3px;
}
.rightContent .rightList .myInfo .blogInfo .infoBlock .blgoInfoNum{
	color:#A5A5A5;
}
.rightContent .rightList .myInfo .Button{
	position:relative;
	overflow:hidden;
}
.rightContent .rightList .myInfo .Button .emailButton{
	display:block;
	float:left;
	padding:10px;
	font-size:15px;
	width:90px;
	color:white;
	margin-right:15px;
	text-align:center;
	background:#6495ED;
	border-radius:3px;
}
.rightContent .rightList .myInfo .Button .emailButton:hover{
	background-color:#4169E1;
}
.rightContent .rightList .myInfo .Button .moreButton{
	display:block;
	float:left;
	padding:10px;
	font-size:15px;
	width:90px;
	color:white;
	text-align:center;
	background:#F58181;
	border-radius:3px;
}
.rightContent .rightList .myInfo .Button .moreButton:hover{
	background-color:#FF4500;
}
.rightContent .articleList{
	float:left;
	width:750px;
	padding-bottom:1px;
}
.rightContent .articleList .articleCard{
	position:relative;
	background-color:white;
	width:700px;
	margin-bottom:20px;
	overflow:hidden;
	border:1px solid #ececee;
}
.rightContent .articleList .articleCard .articlePic{
	width:200px;
	height:200px;
	float:left;
	overflow:hidden;
}
.rightContent .articleList .articleCard .articlePic img{
	height:200px;
}
.rightContent .articleList .articleCard .articleText{
	float:left;
	top:0px;
	width:460px;
	padding:20px 20px;
	color:#333;
}
.rightContent .articleList .articleCard .articleText a{
	font-size:17px;
	color:#232323;
	transition:all .3s ease-in-out;
}
.rightContent .articleList .articleCard .articleText a:hover{
	color:#96A2A9;
}
.rightContent .articleList .articleCard .articleText p{
	font-family:microsoft yahei;
	line-height:25px;
	margin-top:5px;
	//height:150px;
	overflow:hidden;
}
.rightContent .articleList .articleCard .articleText .info{
	margin:10px auto;
}
.rightContent .articleList .articleCard .articleText .info .pubTime{
	float:left;
	width:auto;
	color:#96A2A9;
	padding:2px;
}
.rightContent .articleList .articleCard .articleText .info .remark{
	float:left;
	padding-top:3px;
	margin:0 10px;
}
.rightContent .articleList .articleCard .articleText .info .remark .remakePic{
	color:#FFA5A4;
	float:left;
}

.rightContent .articleList .articleCard .articleText .info .remark .viewsPic{
	color:#8EC0F9;
	float:left;
}
.rightContent .articleList .articleCard .articleText .info .remark a{
	float:left;
	display:block;
	position:relative;
	top:2px;
	margin-left:3px;
	color:#96A2A9;
	font-size:12px;
}
.rightContent .articleList .lasted{
	color:#8193A2;
	font-size:15px;
	padding:10px;
}
/*文章内容页*/
.rightContent .article{
	width:80%;
	margin:0 auto;
	padding:10px;
}
.rightContent .article .position{
	padding:10px 10px 10px 0px;
}
.rightContent .article .position a{
	color:black;
}
.rightContent .article .position a:hover{
	text-decoration:underline;
}
.rightContent .article .text{
	background-color:white;
	padding:20px 60px;
	border:1px solid #ececee;
}
.rightContent .article .text .shortsummary{
	font-size: 16px;
	line-height: 1.7;
	color:#37414a;
}
.rightContent .article .text .links{
	margin-top:20px;
}
.rightContent .article .text .links .title{
	font-size:20px;
	font-weight: 400;
	color:#6D6D6D;
	padding-left: 5px;
	border-left: 3px solid #37414a;
}
.rightContent .article .text .links .friends{
	margin-top: 20px;
	overflow: hidden;
}
.rightContent .article .text .links .friends .linkbox{
	border:1px solid #ECECEC;
	float:left;
	position: relative;
	width:170px;
	height:70px;
	padding:10px 30px;
	overflow: hidden;
	margin:4px 4px;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.rightContent .article .text .links .friends .linkbox:before{
	content:"";
	background-color: #37414a;
    -webkit-transform: skew(45deg, 0);
    transform: skew(45deg, 0);
    width: 0;
    height: 120%;
    position: absolute;
    top: -2px;
    left: -60px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.rightContent .article .text .links .friends .linkbox:hover{
    border: 1px solid #37414a;
}
.rightContent .article .text .links .friends .linkbox:hover:before{
	width: 150%;
}
.rightContent .article .text .links .friends .linkbox .linkname{
	position: relative;
	font-size: 17px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;	
}
.rightContent .article .text .links .friends .linkbox:hover .linkname{
	color:white !important;
}
.rightContent .article .text .links .friends .linkbox .linkname img{
	height:20px;
	position: relative;
	margin-right: 5px;
	top:3px;
	border-radius: 50%;
}
.rightContent .article .text .links .friends .linkbox .introduce{
	position: relative;
	padding-top: 5px;
	color:#949494;
	overflow: hidden;
	height:37px;
	-webkit-transition: all .5s;
    transition: all .5s;	
}
.rightContent .article .text .links .friends .linkbox:hover .introduce{
	color:white;
}
.rightContent .article .thetitle{
	padding:10px;
	border-bottom:1px solid #F3FAFD;
	position:relative;
	margin-bottom:20px;
}
.rightContent .article .thetitle p{
	position:absolute;
	right:80px;
	width:65px;
	text-align:center;
	top:12px;
	background-color:white;
	color:#D4D4D4;
	font-size:12px;
	
}
.rightContent .article .remark{
	margin-top:20px;
	background-color:white;
	padding:20px 60px;
	border:1px solid #ececee;
}
.rightContent .article .remark .remarkInput{
	position:relative;
	margin-bottom:20px;
}
.rightContent .article .remark .remarkInput .list{
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.rightContent .article .remark .remarkInput .list img{
	border-radius:50%;
	width:58px;
}
.rightContent .article .remark .remarkInput .list .remarkText{
	height:30px;
	width:29.95%;
	background:#f8f9fb;
	border:1px solid #ECECEC;
	padding:10px;
	border-radius:3px;
	outline:0;
	color:#B5B5B5;
	font-size:12px;
}
.rightContent .article .remark .remarkInput .list textarea{
	height:40px;
	margin-left:20px;
	width:85.8%;
	resize:none;
	background:#f8f9fb;
	border:1px solid #ECECEC;
	padding:10px;
	border-radius:3px;
	outline:0;
	color:#B5B5B5;
	font-size:12px;
}
.rightContent .article .remark .remarkInput .list button{
	float:right;
	outline:none;
    -webkit-appearance:none;
	border:none;
	display:block;
	padding:10px 20px;
	width:140px;
	background:#37414a;
	color:white;
	border-radius:2%;
	transition:.15s ease-out;
}
.rightContent .article .remark .remarkInput .list button:hover{
	background:#AAC7F7;
	cursor:pointer;
}
.rightContent .article .remark .remarkContent {
	border-top:1px solid #F3FAFD;
	margin-bottom:20px;
	
}
.rightContent .article .remark .remarkContent .remarkOne{
	margin-top:20px;
	overflow:hidden;
}
.rightContent .article .remark .remarkContent .remarkOne .remarkInfo{
	overflow:hidden;
}
.rightContent .article .remark .remarkContent .remarkOne img{
	width:40px;
	float:left;
	border-radius:50%;
}
.rightContent .article .remark .remarkContent .remarkOne .name{
	display:block;
	float:left;
	position:relative;
	top:10px;
	margin-left:10px;
	color:black;
}
.rightContent .article .remark .remarkContent .remarkOne .time{
	float:right;
	position:relative;
	top:10px;
	font-size:12px;
	color:#B5B5B5;
}
.rightContent .article .remark .remarkContent .remarkOne .time button{
	border:none;
	outline:none;
	background:none;
}
.rightContent .article .remark .remarkContent .remarkOne .time button:hover{
	color:red;
	cursor:pointer;
}
.rightContent .article .remark .remarkContent .remarkOne  .remarkText{
	margin-top:5px;
	background-color:#f8f9fb;
	padding:10px;
	color:#37414a;
}
.rightContent .article .text>p{
	line-height:22px;
	color:#333;
	font-family:SimSun;
	margin-bottom:15px;
	
}

.rightContent .article .text .artitle{
	font-size:16px;
	border-left:5px solid #dae0e6;
	padding-left:10px;
	color:#666;
	font-family:SimSun;
	margin-bottom:15px;
}
.rightContent .article .text .info{
	border-top:1px solid #dae0e6;
	margin-top:5px;
	padding-top:5px;
	text-align:right;
	color:#333;
}
/*注册页面样式*/
.rightContent .regpage{
	background: white;
	padding:20px;
	width:800px;
	margin:30px auto;
	border:1px solid #ECECEC;
}
.rightContent .regpage .reginput{
	position: relative;
}
.rightContent .regpage .reginput .list{
	width:500px;
	margin: 10px auto;
	min-height:30px;
}
.rightContent .regpage .reginput .list #imginput{
	width:180px;
	padding: 0px;
	position: absolute;
	right:0px;
	bottom: 0px;
	margin:0px;
	opacity:0;
}
.rightContent .regpage .reginput .list #imginput:hover{
	cursor: pointer;
}
.rightContent .regpage .reginput .list .text{
	text-align: right;
	width:100px;
	display: inline-block;
}
.rightContent .regpage .reginput .list .value{
	display: inline-block;
	margin-left:27px;
}
.rightContent .regpage .reginput .list .headvalue{
	margin:0 auto;
	width:80px;
	height:80px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.rightContent .regpage .reginput .list .headvalue img{
	width:80px;
	border-radius: 50%;
}
.rightContent .regpage .reginput .list .headvalue .uphead{
	position: absolute;
	left:0px;
	bottom: 0px;
	height:25px;
	background: rgba(0,0,0,.6);
	color:white;
	font-size:12px;
	padding:0px 16px;
}

.rightContent .regpage .reginput input{
	margin-left:25px;
	outline:none;
	width:300px;
	border:1px solid #e2e2e2;
	background-color:white;
	overflow:hidden;
	padding:10px 10px;
	margin-bottom:15px;
}
.rightContent .regpage .reginput .submit{
	border:none;
	position: relative;
	left:35px;
	display:block;
	padding:10px 20px;
	width:325px;
	margin:0 auto;
	background:#37414a;
	color:white;
}
.rightContent .regpage .reginput .submit:hover{
	background:rgb(41, 46, 56);
	cursor:pointer;
}
.rightContent .regpage .reginput input:focus{
	border:1px solid rgb(41, 46, 56) !important;
}
.rightContent .regpage .reginput .red{
	color:red;
}
.rightContent .regpage .reginput .warning{
	position:relative;
	left:127px;
	color:red;
	display: none;
}
/*底部内容部分*/
.foot{
	margin-left:250px;
	height:70px;
	text-align:center;
	padding-top:50px;
	background-color:#37414a;
	min-width:1000px;
	color:white;
}

